<fieldset>
  <legend class="sr-only">Checkboxes</legend>

  <div class="flex flex-col items-start gap-3">
    <label for="Option1" class="inline-flex items-center gap-3">
      <input type="checkbox" class="size-5 rounded border-gray-300 shadow-sm" id="Option1" />

      <span class="font-medium text-gray-700"> Option 1 </span>
    </label>

    <label for="Option2" class="inline-flex items-center gap-3">
      <input type="checkbox" class="size-5 rounded border-gray-300 shadow-sm" id="Option2" />

      <span class="font-medium text-gray-700"> Option 2 </span>
    </label>

    <label for="Option3" class="inline-flex items-center gap-3">
      <input type="checkbox" class="size-5 rounded border-gray-300 shadow-sm" id="Option3" />

      <span class="font-medium text-gray-700"> Option 3 </span>
    </label>
  </div>
</fieldset>
